<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button type="button" onclick="fun1()">$.Ajax发请求</button>
<button type="button" onclick="fun2()">$.post发请求</button>
<button type="button" onclick="fun3()">$.get发请求</button>
</body>
<!--引入外部js文件-->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">

    function fun1(){
        // 异步请求
        $.ajax({
            url: "/08_Ajax_war_exploded/as01.do", // 请求链接地址，字符串表示
            data: {
                "uname": "大锤",
                "pwd": "123456+"
            }, // 请求数据，格式为{A: '...', B: '...'}
            type: "POST", // 请求类型
            dataType: "json", // 服务器响应的数据类型，字符串表示；当填写为json时，回调函数中无需再对数据反序列化为json
            success: function(obj) { // 请求成功后，服务器回调的函数
                // data = jQuery.parseJSON(data);  //dataType指明了返回数据为json类型，故不需要再反序列化
                console.log(obj);
            }
        });
    }

    function fun2(){
        $.post(
            "/08_Ajax_war_exploded/as01.do", // 请求地址
            {
                "uname": "大锤",
                "pwd": "123456+"
            }, // 请求数据
            function(data) { // 请求成功执行回调函数
                console.log(data);
            },
            "json" // 服务器返回数据的格式
        );
    }

    function fun3(){
        $.get(
            "/08_Ajax_war_exploded/as01.do", // 请求地址
            {
                "uname": "大锤",
                "pwd": "123456+"
            }, // 请求数据
            function(data) { // 请求成功执行回调函数
                console.log(data);
            },
            "json" // 服务器返回数据的格式
        );
    }

</script>
</html>